<template>
	<view class="comment-part">
		<view class="first-row">
			<image :src="imageUrl" class="comment-logo"></image>
			<view class="comment-id">{{userId}}</view>
		</view>
		<view class="comment-content">{{commentMsg}}</view>
		<view class="comment-time">{{commentTime}}</view>
	</view>
</template>

<script>
	/**
	 * author: 陈炎
	 * description: 由于显示平台反馈中的单条反馈记录
	 * imageUrl为用户头像图片的地址
	 * userId为用户的昵称
	 * commentMsg为反馈的内容
	 * commentTime为反馈的时间
	 */
	export default{
		props: {
			imageUrl: {
				type: String,
				default: ''
			},
			userId: {
				type: String,
				default: ''
			},
			commentMsg: {
				type: String,
				default: ''
			},
			commentTime:{
				type: String,
				default: ''
			}
		},
	}
</script>

<style>
	.comment-part{
		height: 180rpx;
		background-color: #FFFFFF;
		display: flex;
		flex-direction: column;
		justify-content: center;
		border-bottom: solid 1rpx #C8C7CC;
	}
	.first-row{
		display: flex;
		align-items: center;
		height: 70rpx;
		margin-left: 50rpx;
	}
	.comment-logo{
		height: 50rpx;
		width: 50rpx;
	}
	.comment-id{
		display: flex;
		align-items: center;
		font-size: 20rpx;
		color: #808080;
		margin-left: 10rpx;
	}
	.comment-content{
		display: flex;
		align-items: center;
		margin-left: 100rpx;
		height: 70rpx;
		font-size: 20rpx;
	}
	.comment-time{
		display: flex;
		align-items: center;
		margin-left: 100rpx;
		height: 70rpx;
		font-size: 20rpx;
		color: #808080;
	}
</style>
